<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
	*{
		padding: 0;
		margin: 0;
	}
	/*顶部灰色区域*/
	#top{
		width: 100%;
		height: 31px;
		background: #E2DEDE;
	}
	#top .top_box{
		width: 1210px;
		height: 31px;
		background: #FF7F27;
		margin: 0 auto;
	}
	/*顶部灰色区域结束*/

	/*广告*/
	#ad{
		margin: 0 auto;
		display: block;
	}

	/*广告结束*/

	/*搜索区域*/
	#search{
		width: 1210px;
		height: 90px;
		background: #00A2E8;
		margin: 0 auto;
		margin-top: 10px;
	}

	/*搜索区域结束*/


	/*导航条*/
	#menu{
		width: 1210px;
		height: 40px;
		background: #E43C3E;
		margin: 0 auto;
		margin-top: 5px;
	}
	/*导航条结束*/

	/*大块区域*/
	#main{
		width: 1210px;
		height: 410px;
		border: 2px solid blue;
		margin: 0 auto;
		margin-bottom: 500px;
		margin-top: 5px;
	}
	#main .left{
		width: 206px;
		height: 410px;
		border: 2px solid #E43C3F;
		background: #eee;
		float: left;
	}
	#main .center{
		width: 670px;
		height: 410px;
		/*background: red;*/
		float: left;
		/*border-right: 3px solid purple;*/
		/*border-left: 3px solid purple;*/
		margin-left: 10px;
	}
	#main .center .center_bottom{
		width: 670px;
		height: 160px;
		background: #22B14C;
		margin-top: 5px;
	}
	#main .right{
		width: 310px;
		height: 410px;
		/*background: blue;*/
		border-left: 4px solid green;
		float: right;
	}
	#main .right .right_middle{
		width: 310px;
		height: 130px;
		background: #A349A4;
	}
	/*大块区域结束*/
	
</style>
</head>

<body>

<!-- 顶部灰色区域 -->
<div id="top">
	<div class="top_box"></div>
</div>
<!-- 顶部灰色区域结束 -->

<!-- 广告 -->
<img src="ad.jpg" id="ad" />
<!-- 广告结束 -->

<!-- 搜索区域 -->
<div id="search">
	
</div>
<!-- 搜索区域结束 -->

<!-- 导航条 -->
<div id="menu">
	
</div>

<!-- 导航条结束 -->


<!-- 大块区域 -->
<div id="main">
	<!-- 左侧 -->
	<div class="left"></div>
	<!-- 左侧结束 -->

	<!-- 中间 -->
	<div class="center">
		<img src="center.jpg" alt="" />
		<div class="center_bottom"></div>
	</div>
	<!-- 中间结束 -->
	<!-- 右侧 -->
	<div class="right">
		<img src="right_top.jpg" alt="" />
		<div class="right_middle"></div>
	</div>
	<!-- 右侧结束 -->
</div>
<!-- 大块区域结束 -->



</body>
</html>
